/*人机示闲工作台-样式*/
.workspace-page {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;

  .hide-audio {
    display: none;
  }

  // 模块区
  .box {
    max-width: 1000px;
    background: #f2f2f2;
    // 中间区块
    .box-cont {
      height: 100%;
    }
  }
  // 弹屏-无数据-样式
  .box-empty {
    position: relative;
    height: 100%;
    background: #fff;
    .ant-empty {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
    .ant-empty-image {
      height: 180px;
    }
    .ant-empty-description {
      margin-top: 0;
      padding-left: 0;
      font-weight: 400;
      font-size: 18px;
      color: rgb(132, 133, 135);
      line-height: 20px;
      text-align: center;
    }
  }
}
// 按钮鼠标hover摇摆
.btn-shake {
  &:hover {
    -webkit-animation: bell-shake 3s ease infinite;
    -moz-animation: bell-shake 3s ease infinite;
    animation: bell-shake 3s ease infinite;
  }
}

@keyframes bell-shake {
  5%,
  25%,
  45% {
    transform: rotate(12deg);
    transform-origin: 50% 0%;
  }
  0%,
  10%,
  30%,
  50% {
    transform: rotate(-12deg);
    transform-origin: 50% 0%;
  }
  15%,
  35%,
  55% {
    transform: rotate(6deg);
    transform-origin: 50% 0%;
  }
  20%,
  40%,
  60% {
    transform: rotate(-6deg);
    transform-origin: 50% 0%;
  }
  65%,
  100% {
    transform: rotate(0deg);
    transform-origin: 50% 0%;
  }
}
